<template>
	<view class="box">
		<!-- <view class="title">
		我的
		</view> -->
		<view class="fcs mgt24 pt20">
			<image :src="avatar?avatar:'../../static/mt.png'" mode="" style="width: 140rpx; height: 140rpx;margin-right: 20rpx;"></image>
			<view class="fcsf">
				<view class=" f16 white mb8">
					
					{{userInfo.walletName}}
				</view>
				<view class=" f12 textcolor">
					{{i18n.wdtjr}}：{{userInfo.superUserName}}
				</view>
			</view>
		</view>
		
		<view class="grade mt20 fcsf ">
			<view class="fcs pb33 pl14 pt22">
					<view class="f16 whitecolor mgr8 ">{{i18n.wddj}}:</view><view class="orcolor f16 ">{{userInfo.teamLevel}}</view>
			</view>
			<view class="fsc pb10" style="width: 100%;" >
				<view class="f13 white pl14">
					{{i18n.yqhyts}} 
				</view>
				<view class="f12 whitecolor fcs">
					<view class="mgr8 white" >
						{{i18n.yqm}} ：{{userInfo.inviteCode}}
					</view>
					<image src="../../static/copy.png" mode="" class="copy" @click="copycode(userInfo.inviteCode)"></image>
				</view>
				<image src="../../static/leftarrow.png" mode="" style="width: 24rpx;height: 24rpx;"  @click="gotoInvitation"></image>
			</view>
		</view>
			<navigator url="./equip" class="itembox mgt24 fsc border">
				<view class="item fcs">
					<image src="../../static/euiipicon.png" mode="" class="mr16"></image>
					<view class="f14 white">
						{{i18n.wdsb}}
					</view>
				</view>
				<image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
			</navigator>
		
			<navigator url="./team" class="itembox mgt24 fsc border">
				<view class="item fcs">
					<image src="../../static/teamincon.png" mode="" class="mr16"></image>
					<view class="f14 white">
						{{i18n.tdcy}}
					</view>
				</view>
				<image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
			</navigator>
			
			<navigator class="itembox mgt20 fsc border" url="./administration">
				<view class="item fcs">
					<image src="../../static/safeset.png" mode="" class="mr16"></image>
					<view class="f14 white">
						{{i18n.qbgl}}
					</view>
				</view>
				<image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
			</navigator>
		
		<navigator class="itembox mgt24 fsc border" url="../index/notice">
			<view class="item fcs">
				<image src="../../static/notice.png" mode="" class="mr16"></image>
				<view class="f14 white">
					{{i18n.ggzx}}
				</view>
			</view>
			<image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
		</navigator>
		<navigator class="itembox mgt24 fsc border" url="./aboutme">
			<view class="item fcs">
				<image src="../../static/aboutmy.png" mode="" class="mr16"></image>
				<view class="f14 white">
					{{i18n.gywm}}
				</view>
			</view>
			<image src="../../static/grayla.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
		</navigator>
		
	</view>
	
</template>

<script>
	export default{
		data(){
			return{
				avatar:"",//头像
				inviteUserName:"",//邀请人
				level:'',//用户等级
				nikeName:"",//昵称
				inviteCode:""
			}
		},
		computed: {
			i18n() {
				return this.$t('user');
			}
		},
		onLoad() {
		},
		onShow() {
			uni.setTabBarItem({ index: 0, text: this.$t('tabber.home') })
			uni.setTabBarItem({ index: 1, text: this.$t('tabber.news') })
			uni.setTabBarItem({ index: 2, text: this.$t('tabber.assets') })
			uni.setTabBarItem({ index: 3, text: this.$t('tabber.user') })
			this.getUser()
		},
		methods:{
			gotoInvitation(){
				uni.navigateTo({
					url:"./invitation"
				})
			},
			async copycode(data) {
				await uni.setClipboardData({ data: data })
				uni.showToast({
					title: this.$t('user').fzcg,
					icon:'none'
				})
			}
		}
	}
</script>

<style lang="less">
	
	page{
		// color: #F3F5F9;
	}
	.textcolor{
		color:#586471;
	}
	.box{
		padding-left:30rpx;
		padding-right:30rpx;
		margin-top: 60rpx;
		// color: #FFFFFF;
		.title{
			// margin-top: 40rpx;
			
			font-size: 48rpx;
			font-family: STSongti, STSongti-Bold;
			font-weight: 700;
			text-align: left;
			color: #202021;
		}
		.grade{
			width: 100%;
			background-image: url(../../static/mybanner.png);
			background-repeat: no-repeat;
			background-size: cover;
			.copy{
				width: 24rpx;
				height: 24rpx;
			}
		}
		.itembox{
			width: 100%;
			padding-bottom: 36rpx;
			border-bottom: 2rpx solid rgba(94,95,99,0.16);
			image{
				width: 46rpx;
				height: 44rpx;
			}
			
		}
	}

</style>

